import React from 'react';
import { Modal } from 'antd';
import './styles/end_session.less';
import { useTranslation } from 'react-i18next';

interface EndSessionProps {
	visible?: boolean;
	onClose?: () => void;
	onOk?: () => void;
}

const EndSession = (props: EndSessionProps) => {
	const { t } = useTranslation();
	const { visible, onClose, onOk } = props;
	return (
		<Modal title={t('notifation')} okText={t('confirm')} cancelText={t('cancel')} open={visible} onCancel={onClose} onOk={onOk} className="widget-end-session-container">
			<div className="end-text">{t('question-end-session')}</div>
		</Modal>
	);
};

export default EndSession;
